<template>
  
</template>

<script>
export default {
data() {
    return {
        msg:1,
        myInterval:undefined,
    }
},
methods: {},
beforeCreate() {
    console.log("beforeCreate",this.msg)
},
created() {
    console.log("create",this.msg)
},
beforeMount() {
    console.log("beforeMount")
},
mounted() {
    console.log("mounted")
    this.myInterval=setInterval(()=> {
        this.msg=this.msg+1
    },1000)
},
beforeUpdate() {
    console.log("beforeUpdate",this.msg)
    this.msg +=1
},
updated() {
    console.log("updated",this.msg)
},
beforeDestroy() {
    console.log("beforeDestroy",this.msg)
    clearInterval(this.myInterval)
},
destroyed() {
    console.log("destroyed",this.msg)
},
}
</script>

<style>

</style>